<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>7546216</title>
    <link rel="stylesheet" type="text/css" href="#(ctx_path)/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="#(ctx_path)/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="#(ctx_path)/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" href="#(ctx_path)/lib/bootstrap/css/bootstrap.css">
    <style>
        #nav_menu{
            position: fixed;
            width:100%;
            left:0;
            bottom:0;
            background:#ffffff;
            height: 50px;
            padding-top: 9px;
        }
        #nav_menu .nav_logo{
            width:25%;
            float: left;
            text-align: center;
            font-size: 11px;
        }
        #nav_menu .nav_logo > p{
            margin: 0;
        }
    </style>
</head>
<body>
<!--<div id="headgo" style="display:none;width:100%;height:45px;background:#FFFFFF;line-height: 45px;"><a href="javascript:history.go(-1);"><i class="Hui-iconfont" style="font-size:25px;color:#B6B7B9;margin:0 5px;">&#xe6d4;</i></a></div>-->
<iframe ID="ifr" name="ifr" frameborder="0" scrolling="auto" width="100%" height="100%" src="#(ctx_path)/mobile/productList/showPage/hot.html" onload="changeFrameHeight()"></iframe>
<div id="content"></div>
  <div id="nav_menu">
          <div class="nav_logo" onclick="changeIframeSRC('#(ctx_path)/mobile/productList/showPage/hot.html',this)">
             <p><span class="glyphicon glyphicon-home" style="color:#FF0000;"></span></p>
             <p><span>首页</span></p>
          </div>
          <div class="nav_logo" onclick="changeIframeSRC('#(ctx_path)/mobile/productList/showPage/new-product.html',this)">
             <p><span class="glyphicon glyphicon-fire"></span></p>
             <p><span>新口子</span></p>
          </div>
          <div class="nav_logo" onclick="changeIframeSRC('#(ctx_path)/mobile/productList/showPage/su-loan.html',this)">
             <p><span class="glyphicon glyphicon-send"></span></p>
             <p><span>速贷</span></p>
          </div>
          <div class="nav_logo" onclick="changeIframeSRC('#(ctx_path)/mobile/productList/showPageByIntercept/myInfo.html',this)">
              <p><span class="glyphicon glyphicon-user"></span></p>
              <p><span>我的</span></p>
          </div>
  </div>
</body>
<script src="#(ctx_path)/lib/bootstrap/js/jquery-1.10.2.min.js"></script>
<script src="#(ctx_path)/lib/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="#(ctx_path)/lib/JSUtils/Tools.js"></script>
<script type="text/javascript" src="#(ctx_path)/lib/JSUtils/jquery.xdomainajax.js"></script>
<script type="text/javascript" src="#(ctx_path)/lib/JSUtils/baidutongji.js"></script>
<script type="text/javascript">
    window.onresize = changeFrameHeight;
    function changeFrameHeight(){
        var cliHeight = document.documentElement.clientHeight-10;
        console.log(cliHeight);
        var ibody = $("#ifr").contents().find('body').css("height");
        $("#ifr").css("height",cliHeight+"px");
        $("#ifr").contents().find('body').css("paddingBottom","45px");
    }

    function changeIframeSRC(url,obj){
        $("#ifr").attr("src",url);
        $(".glyphicon").css("color","");
        $(obj).find(".glyphicon").css("color","#FF0000");
    }

</script>
</html>